<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	response.setHeader("Pragma", "No-cache");
	response.setHeader("Cache-Control", "no-cache");
	response.setDateHeader("Expires", -10);
%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<!-- Tell the browser to be responsive to screen width -->
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">
<!-- Bootstrap 3.3.5 -->
<link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css"
	rel="stylesheet">
<link
	href="//cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css"
	rel="stylesheet">
<!-- DataTables -->
<link rel="stylesheet"
	href="../../plugins/datatables/dataTables.bootstrap.css">
<!-- Theme style -->
<link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="../../index.css">
<link rel="stylesheet" href="../../device/style.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<style type="text/css">
</style>
</head>

<body>
	<div>
		<div class="bg-custom">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<h1>监控视图</h1>
				<ol class="breadcrumb">
					<li><a href="#"><i class="fa fa-home"></i> 首页</a></li>
					<li class="">监控视图</li>
					<li class="active">3G流量查询管理</li>
				</ol>
			</section>


			<div class="row">
				<div class="col-md-12 col-lg-12 padding-right-12">
					<div class="dashboard-panel margin-right-15 ">
						<div class="row device_dash_panel">
							<div class="row titleStyle">
								<div class="col-xs-12 padding-left-0">
									<img src="../../mainpage/img/blue_line.png" />
									<lable>&nbsp;&nbsp;3G卡流量查询</lable>
								</div>

							</div>

							<div>
								<div class="row padding-lr-30 ">
									<form id="queryForm_flow"
										class="form-horizontal padding-top-10">
										<div class="row">
											<div class="col-xs-3 ">
												<div class="form-group">
													<label for="air_code_query_air"
														class="control-label col-xs-4 padding-0">ICCID: </label>
													<div class="col-xs-8 ">
														<input class="form-control input-sm " type="text"
															id="iccid" name="iccid" placeholder="输入ICCID" />
													</div>
												</div>
											</div>
											<div class="col-xs-3 ">
												<div class="form-group ">
													<label for="air_name_query_air"
														class="col-xs-4 control-label padding-0"> 机尾号: </label>
													<div class="col-xs-8 ">
														<input class="form-control input-sm " type="text"
															id="planeCode" name="planeCode" placeholder="输入机尾号" />
													</div>
												</div>
											</div>
											<div class="col-xs-3">
												<div class="form-group">
													<div class="col-xs-8" align="right">
														<button type="button" class="btn btn-primary  margin-5"
															onclick="queryFlowDatas()">查询</button>
														<button type="button" class="btn btn-default  margin-5"
															onclick="resetFlowForm()">重置</button>
													</div>
												</div>
											</div>

										</div>
									</form>
								</div>
							</div>
							<div>
								<div class="row padding-lr-30  padding-tb-10">
									<table id="flow_table" class="table dashboard-panel-table">
										<thead>
											<tr>
												<th>设备ID号</th>
												<th>ICCID</th>
												<th>归属机尾号</th>
												<th>本月已使用流量</th>
												<th>是否产生流量告警</th>
												<th>操作</th>
											</tr>
										</thead>


									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-md-12 col-lg-12 ">
					<div class="dashboard-panel margin-right-15 ">
						<div class="row device_dash_panel">
							<div class="row titleStyle">
								<div class="col-xs-12 padding-left-0">
									<img src="../../mainpage/img/blue_line.png" /> &nbsp;&nbsp;
									<lable id="hisRecord">3G卡历史流量记录</lable>
									<i class="fa fa-undo pull-right" onclick="showHis();"></i>
								</div>

							</div>
							<div>
								<div class="col-md-6 col-lg-6 ">
									<div id="flow_day" style="height: 240px;"></div>

								</div>
								<div class="col-md-6 col-lg-6 ">
									<div id="flow_month" style="height: 240px;"></div>
								</div>
							</div>

						</div>
						<div style="height: 20px;"></div>
					</div>

				</div>

			</div>

		</div>


	</div>




	<!-- ./wrapper -->
	<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	<script src="../../plugins/datatables/jquery.dataTables.min.js"></script>
	<script src="../../plugins/datatables/dataTables.bootstrap.min.js"></script>
	<script src="//cdn.bootcss.com/echarts/2.2.7/echarts.js"></script>
	<script src="../../plugins/jtopo/jtopo-0.4.8-min.js"></script>
	<script src="../../plugins/jtopo/jtopo-util.js"></script>

	<script src="../../plugins/common/common-util.js"></script>
	<script src="../../plugins/jsutil/MapUtil.js"></script>




	<script src="../../3gflow/js/main.js"></script>

	<!-- page script -->
	<script type="text/javascript">
		var DAY_FLOW = null;
		var MONTHO_FLOW = null;
		var echarts = null;
		$(function() {
			initTable();
		});
	</script>
</body>
</html>
